@extends('front.common.layout')

@section('title',$data['seo']->config_title)
@section('keywords',$data['seo']->config_keywords)
@section('description',$data['seo']->config_description)
@section('content')
    <!-- banner -->
    <div class="inner-banner has-base-color-overlay text-center"
         style="background: url({{ asset('/front/images/background/tech-center-banner.jpg') }});">
        <div class="container">
            <div class="box">
                <h3>Tech Center</h3>
            </div>
        </div>
    </div>
    <div class="breadcumb-wrapper">
        <div class="container">
            <div class="breadcrumb_bar">
                <div class="breadcrumb_menu">
                    <ul class="link-list">
                        <li>
                            <a href="{{ url('/') }}">Home</a>
                        </li>
                        <li>
                            Tech Center
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- banner end -->
    <section class="our-team-area padd-2">
        <div class="container">
            <div class="sec-title center">
                <h2>Tech <span>Center</span></h2>
            </div>
            <div class="row">
                @foreach($data['list'] as $v)
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <a href="{{ url('tech-center-detail',$v->id) }}">
                            <div class="team-member">
                                <div class="image-holder">
                                    <figure>
                                        <img src="{{ asset($v->img) }}" alt="{{ asset($v->img) }}">
                                    </figure>
                                </div>
                                <div class="team-content">
                                    <h6>{{ $v->title }}</h6>
                                </div>
                            </div>
                        </a>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endsection
